<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>购物车</title>
		<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/midi/css/cart.css"/>
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/midi/css/swiper-3.4.2.min.css"/>
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/midi/css/initialize.css"/>
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/midi/css/public.css"/>
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/midi/css/validform.css"/>
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/midi/css/jquery-ui.min.css"/>
		<script src="__PUBLIC__/midi/js/jquery-2.2.3 (1).js"></script>
		<script src="__PUBLIC__/midi/js/public.js"></script>
		<script src="__PUBLIC__/midi/js/swiper-3.4.2.jquery.min.js"></script>
		<script src="__PUBLIC__/midi/js/validform.js"></script>
		<script src="__PUBLIC__/midi/js/jquery-ui.min.js"></script>
		<script src="__PUBLIC__/midi/js/cart.js"></script>
	</head>
	<body>
		<!--头部导航栏开始-->
		<include file="Public/header" />
		<!--头部导航栏结束-->
		<div class="shipin-datails">
			<div class="con">
				<div class="inner">
					<i></i>
				    <span>当前位置：首页 &gt; 我的购物车</span>
				</div>
			</div>
		</div>
		<div class="wiezhi">
			   <div class="con">
				  <span>当前位置：首页&gt; 我的购物车</span>
				  <span class="right" id="edit">编辑</span>
			   </div>
		</div>
		<!--购物车pc的主要内容-->
		<div class="cart">
			<div class="con">
				<table id="cartTable" >
			        <thead>
				        <tr>
					        <th class="t-checkbox">
					        	<label>
					        		<span class="csscheckbox">
					        			<input class="check-all check" type="checkbox" />
					        			<span></span>
					        		</span>
					        		<span>全选</span>
					        	</label>
					        </th>
					        <th class="t-goods "><label>商品信息</label></th>
					        <th class="t-selling-price"><label>单价</label></th>
					        <th class="t-qty "><label>数量</label></th>
					        <th class="t-subtotal "><label>小计</label></th>
					        <th class="t-action"><label>操作</label></th>
				        </tr>
			        </thead>
			        <tbody>
						<foreach name="data_list" item="vo">
							<if condition="$vo['goods_sell_out'] eq 1 and $vo['goods_display'] eq 1">
								<tr data-id="{$vo['goods_id']}">
							<else />
								<tr data-id="{$vo['goods_id']}" class="gray">
							</if>
								<td  class="goods">
									<label>
					         		<span class="csscheckbox">
										<if condition="$vo['goods_sell_out'] eq 1 and $vo['goods_display'] eq 1">
											<input data-use="1" type="checkbox" class="check-one check" id="1"/>
										<else />
											<input data-use="0" disabled type="checkbox" class="check-one check" id="1"/>
										</if>
					         			<span></span>
					         		</span>
									</label>
								</td>
								<td>
									<img src="__ROOT__{$vo['goods_pic']}" />
									<span>{$vo['goods_name']}</span>
								</td>
								<td class="selling-price "  data-bind="{$vo['goods_price']}">{$vo['goods_price']}</td>
								<td>
									<div class="">
										<span class="input-group-addon minus">-</span>
										<input type="text" name="goods_num" class="number form-control input-sm" value="{$vo['goods_num']}" />
										<span class="input-group-addon plus">+</span>
									</div>
								</td>
								<td class="subtotal  " >&yen;<span></span></td>
								<td class="action"><span class="delete btn btn-xs btn-warning">删除</span></td>
							</tr>
						</foreach>
			        </tbody>
		        </table>
                <div class="cart-foot">
				             <div class="cart-summary">
				             	 <div class="left">
				             	 	<span id="clearcart">清空购物车</span>
				             	 </div>
					            <div class="right">
						                 <label>共计<span id="qtyCount"></span>件商品，</label>
						                <label>金额合计:
						              	   <span id="priceTotal" class="price-total ">&yen;<i>0.00</i></span>
						                </label>
						                <a  id="btn_settlement" type="button"  href="javascript:;">去结算 ></a>
					            </div>
					            <div style="clear: both;"></div>
				            </div>
		              </div>

			   </div>
			<form action="{:U('Order/sureOrder')}" method="post">
				<input type="hidden" name="idStr" value="0">
			</form>
		</div>
		<!--购物车pc的主要内容结束-->
		<!--删除商品的弹窗-->
		<div class="del-overlay">
			<div class="del-content">
				<div class="title">
				   <span>清空购物车</span>
			    </div>
			    <div class="del-main">
				   <p>确定要删除这<span></span>件商品吗?</p>
			    </div>
			    <div class="del-anniu">
				    <a class="del-sure">确定</a>
				    <a class="del-cancel">取消</a>
			    </div>
			</div>
		</div>
		<!--删除商品的弹窗-->
		<!--购物车移动的主要内容-->
		<div class="cart-mb">
			<div class="item">
				<div class="yuan">
				    <label>
				    	<span class="csscheckbox">
				    		<input type="checkbox" class="check goods-check goodscheck">
				    		<span></span>
				    	</span>
				    </label>
				</div>
				<div class="left">
					<img src="img/595c55ab382b0.jpg">
				</div>
				<div class="right">
					<p class="right-name">电吉他入门教程</p>
					<!--<p class="right-intro">连续六年畅销国内的销售实战手记</p>-->
					<p class="right-price">¥<span>28.30</span></p>
					<div class="num">
						<span class="right-num-jian">-</span>
						<input type="text" value="1" class="right-num-input"/>
						<span class="right-num-jia">+</span>
					</div>
				</div>
				<div class="delete" >
					<button>删除</button>
				</div>
			</div>
		    <div class="item">
				<div class="yuan">
				    <label>
				    	<span class="csscheckbox">
				    		<input type="checkbox" class="check goods-check goodscheck">
				    		<span></span>
				    	</span>
				    </label>
				</div>
				<div class="left">
					<img src="img/曲谱商品详情图.png">
				</div>
				<div class="right">
					<p class="right-name">电吉他入门教程</p>
					<p class="right-price">¥<span>28.30</span></p>
					<div class="num">
						<span class="right-num-jian">-</span>
						<input type="text" value="1" class="right-num-input"/>
						<span class="right-num-jia">+</span>
					</div>
				</div>
				<div class="delete" >
					<button>删除</button>
				</div>
			</div>
		    <div class="item">
				<div class="yuan">
				    <label>
				    	<span class="csscheckbox">
				    		<input type="checkbox" class="check goods-check goodscheck">
				    		<span></span>
				    	</span>
				    </label>
				</div>
				<div class="left">
					<img src="img/迷笛club图.png">
				</div>
				<div class="right">
					<p class="right-name">电吉他入门教程</p>
					<p class="right-price">¥<span>28.30</span></p>
					<div class="num">
						<span class="right-num-jian">-</span>
						<input type="text" value="1" class="right-num-input"/>
						<span class="right-num-jia">+</span>
					</div>
				</div>
				<div class="delete" >
					<button>删除</button>
				</div>
			</div>
		     <footer>
			    <div class="left">
				   <label>
				   	 <span class="csscheckbox">
				   	 	<input type="checkbox" class="check allcheck">
				   	 	<span></span>
				   	 </span>
				   </label>
				   <span>全选</span>
			    </div>
			    <div class="mid">
				   <p>总计:¥<span>0</span></p>
			    </div>
			    <div class="right">
				  <button style="height: 81px;" >确认购买</button>
			    </div>
			    <div style="clear: both;"></div>
		    </footer>
		</div>
		<!--购物车移动的主要内容结束-->
	</body>
	<script>
		var del_url = "{:U('del_goods_cart')}";
	</script>
</html>
